<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title>Widget Visual Test - Nice Websites</title>
  <meta name="author" content="">
  <meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
  <meta http-equiv="Content-Language" content="english">
  <meta http-equiv="reply-to" content="alansmlee@gmail.com">
  <meta name="Rating" content="General" />
  <meta name="revisit-after" content="30 Days" />
  <meta name="keywords" content="webmaster,hobby webmaster,hobbywebmaster,demo,test,css,html,website,web authoring,web,web page,template" />
  <meta name="description" content="Widget Visual Test" />
  <meta name="distribution" content="global" />
  <meta name="resource-type" content="document" />
	<meta http-equiv="Content-Language" content="en-us" />
  <meta name="robots" content="all" />
  <meta name="mssmarttagspreventparsing" content="true" />
  <meta http-equiv="imagetoolbar" content="no" />
  <meta http-equiv="MSThemeCompatible" content="no" />
  <meta name="doc-class" content="Living Document" />
  <link href="typography.css" rel="stylesheet" type="text/css" />
  <link rel="SHORTCUT ICON" href="favicon.ico" type="image/x-icon" />
	<link type="text/css" rel="stylesheet" href="../../../common/css/main.css"/>
  <style type="text/css">
  </style>
	<!-- compliance patch for microsoft browsers -->
	<!--[if lt IE 7]>
		<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript" ></script>
		<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/ie7-squish.js" type="text/javascript" ></script>
	<![endif]-->
</head>

<body>
  <!-- START header -->
  <div id="header">
    <div id="logo">
      <div id="slogan">Your slogan here</div>
      <div id="siteaddress">www.your.site.com</div>
      <div id="nav">
        <ul class="hmenu color-rainbow theme-transparent">
          <li><a href="../../home/home.html">Home</a></li>
          <li><a href="../../grasshopper/grasshopper.xml">Grasshopper</a></li>
          <li><a href="../../taxidermy/taxdermy.html">Taxidermy</a></li>
          <li><a href="../../photoalbum/photoalbum.html">Photo Album</a></li>
          <li><a href="../../webtips/webtips.html">Web Tips</a></li>
          <li><a href="#" class="current">don't look</a></li>
        </ul>
      </div><!-- end nav -->
    </div><!-- end logo -->
  </div><!-- END header -->

  <!-- START body-container -->
  <div id="body-container">
    <!-- START left-panel -->
    <div id="left-panel">
      <dl id="vmenu">
        <dt><a href="../../TBD/tbd.html">TBD<span></span></a></dt>
        <dt><a href="../webSafeColor/webSafeColor.html"><span>Web Safe Colors</span></a></dt>
        <dt><a href="#" class="current"><span>Nice Websites</span></a></dt>
      </dl>
    </div><!-- END left-panel -->

    <!-- ++++ START of YOUR right-sidebar ++++ -->
    <div id="r-sidebar">
      <!-- Testimonies -->
      <div class="testimony">
        <img width="59" src="../../common/img/who.gif" alt="who.gif"/>
        <span>Genuine testimonials add credential to your site.</span>
      </div>
    </div>
    <!-- -------- END of YOUR right-sidebar --------------->

    <!-- START main-content -->
    <div id="main-content">

      <!-- ++++ YOUR page title ++++ -->
      <div id="title">Nice website reference</div>
      <!-- ++++ START of YOUR navigation within main contents ++++ -->
      <div class="rect-horizontal-link clearfix">
        <ul>
          <li><a href="http://www.cichlidparadise.com/info/articles/breeding.html">Cichlid Paradise</a></li>
          <li><a href="http://www.dyson.com">Dyson</a></li>
          <li><a href="http://www.frontendplace.nl/bb/?page_id=37">Frontendplace</a></li>
          <li><a href="http://www.e-australia.com.au/">E-Australia</a></li>
          <li><a href="http://www.linux.com/feature">Linux</a></li>
          <li><a href="http://www.armageddononline.org/Disaster-Prophecy/bible-prophecy-end-times.html">Armageddon Online</a></li>
          <li><a href="http://css-tricks.com/video-screencasts/">CSS tricks</a></li>
          <li><a href="http://chicogarcia.wordpress.com/">Chico Garcia</a></li>
          <li><a href="http://www.edwinsdesignlab.be/blog/webdesign-galleries/">Edwins Web design</a></li>
          <li><a href="http://www.cichlidparadise.com/info/articles/breeding.html">Ciclid Paradise</a></li>
          <li><a href="http://www.your3dsource.com/freeanimations.html">Black and electric blue</a></li>
          <li><a href="http://www.discipleshiplibrary.com/topics.php?s=topic1">Discipleship Library</a></li>
          <li><a href="http://www.foodauthority.nsw.gov.au/penalty-notices">Restaurant Pentalty List</a></li>
          <li><a href="http://www.imperialtaichi.com/videos.htm">Imperial Yang Family Tai Chi</a></li>
        </ul>
      </div>

      <div id="title">Online Generators</div>
      <div class="rect-horizontal-link clearfix">
        <ul>
          <li><a class="grey" href="http://allcrunchy.com/Web_Stuff/Gradient_Generator/">Gradient Generator</a></li>
          <li><a class="grey" href="http://www.creatingonline.com/webmaster/html_generator.htm">Html Generator</a></li>
          <li><a class="grey" href="http://creatr.cc/creatr/">Web 2.0 creator</a></li>
        </ul>
      </div>

      <div id="title">Background, icon, etc</div>
      <div class="rect-horizontal-link clearfix">
        <ul>
          <li><a class="orange" href="http://www.allfreebackgrounds.com/background_select.html">Royalty Free Stuffs</a></li>
          <li><a class="orange" href="http://www.colorschemer.com/online.html">Color Scheme</a></li>
          <li><a class="orange" href="http://www.hscripts.com/freeimages/icons/index.php">Free Images</a></li>
        </ul>
      </div>

      <div id="title">Tech sites</div>
      <div class="rect-horizontal-link clearfix">
        <ul>
          <li><a class="green" href="http://htmlhelp.com/reference/css/structure.html">CSS reference</a></li>
          <li><a class="green" href="http://www.w3schools.com/css/pr_pseudo_first-child.asp">pseudo first-child</a></li>
          <li><a class="green" href="http://www.456bereastreet.com/archive/200510/css_21_selectors_part_2/">Child Selectors</a></li>
          <li><a class="green" href="http://www.w3.org/Style/Examples/007/">Simple CSS examples</a></li>
          <li><a class="green" href="http://www.w3.org/TR/CSS2/box.html">Box Model example</a></li>
          <li><a class="green" href="http://www.w3schools.com/css/css_examples.asp">Copy and paste examples</a></li>
          <li><a class="green" href="http://cssglobe.com/post/4175/pure-css-line-graph">Pure CSS line graph</a></li>
          <li><a class="green" href="http://www.javabeat.net">Web Tech Articles</a></li>
        </ul>
      </div>
      <!-- -------- END of YOUR navigation within main contents --------------->
      <!-- ++++ START of YOUR main contents ++++ -->

        <!-- Put something here -->

      <!-- -------- END of YOUR main contents --------------->

    </div><!-- END main content -->
  </div><!-- END body-container -->

  <!-- START footer -->
  <div id="footer">
    <a href="mailto:someone@somewhere.com">Contact us</a><span> | </span>
    <a href="#">Disclaimer</a><span> | </span>
    <a href="#">Privacy statement</a><span> | </span>
    <a href="#">Usage terms and conditions</a><span> | </span>
    <a href="#">Copyright &copy; 2008-2009 www.yoursite.com. All Rights Reserved.</a>
  </div><!-- END footer -->
  <!-- **************  -->
</body>

</html>